<include file="User/Home/View/default/header.html"/>
<link rel="stylesheet" type="text/css" href="/Public/Home/style/member/v.1.8.1195/easyui/themes/sunny/easyui.css"/>
<link rel="stylesheet" type="text/css" href="/Public/Home/style/member/css/icon.css"/>
<link rel="stylesheet" type="text/css" href="/Public/Home/style/member/css/common.css"/>
<script src="/Public/Home/style/member/v.1.8.1195/profile.js" type="text/javascript"></script>

<div id="enter_code_email" iconCls="icon-edit" style="display:none;"><br/>
    <table align="center">
        <tr>
            <td class="translate" align="right">Code</td>
            <td align="left"><input class="easyui-validatebox" type="text" id="enter_code_email_val" required="true"
                                    style="width:140px;"/>
        </tr>
    </table>
</div>
<div id="enter_code_email_buttons" style="display:none;"><a href="#" class="easyui-linkbutton" iconCls="icon-save"
                                                            onclick="doEnterCode('email'); return false;">Save</a> <a
        href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="doClose('enter_code_email'); return false;">Close</a>
</div>
<div id="enter_code_mobile" iconCls="icon-edit" style="display:none;"><br/>
    <table align="center">
        <tr>
            <td align="right"><span class="translate">mmb_enter_code</span></td>
            <td align="left"><input class="easyui-validatebox" type="text" id="enter_code_mobile_val" required="true"
                                    style="width:140px;"/>
        </tr>
    </table>
</div>
<div id="enter_code_mobile_buttons" style="display:none;"><a href="#" class="easyui-linkbutton" iconCls="icon-save"
                                                             onclick="doEnterCode('mobile'); return false;">Save</a> <a
        href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="doClose('enter_code_mobile'); return false;">Close</a>
</div>
<div region="south" style="height: 50px; padding: 10px;"><a iconcls="icon-save" class="easyui-linkbutton l-btn"
                                                            onclick="doSave();">Save</a> <a iconcls="icon-cancel"
                                                                                            class="easyui-linkbutton l-btn"
                                                                                            onclick="doCancel();">Cancel</a>
</div>
<div region="east" title="Your Data" split="true" style="width: 440px; padding: 0px;"><span id="dyn_profile_1"></span>
    <div id="right_tabs" style="width:460px;height:470px;display:block">
        <div title="Settings" iconCls="icon-edit" style="overflow:auto;padding:5px;">
            <div class="datagrid-body">
                <form id="profile_settings">
                    <table width="100%">
                        <tr>
                            <td width="100px">
                                <div class="datagrid-cell big-cell translate">Timezone</div>
                            </td>
                            <td>
                                <div class="datagrid-cell">
                                    <input class="easyui-validatebox" type="text" name="tz" id="time_zone"/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="datagrid-cell big-cell translate">Language</div>
                            </td>
                            <td>
                                <div class="datagrid-cell">
                                    <input class="easyui-validatebox" type="text" name="il" id="id_lang"/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="datagrid-cell big-cell translate">Currency</div>
                            </td>
                            <td>
                                <div class="datagrid-cell">
                                    <input class="easyui-validatebox" type="text" name="ic" id="id_currency"/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div class="datagrid-cell big-cell">
                                    <input class="easyui-validatebox" type="checkbox" value="1" name="ge"
                                           id="get_emails"/>
                                    <label for="get_emails" class="translate">profile_get_emails</label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div class="datagrid-cell big-cell">
                                    <input class="easyui-validatebox" type="checkbox" value="1" name="ges"
                                           id="get_ext_sms"/>
                                    <label for="get_ext_sms" class="translate">profile_get_ext_sms</label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div class="datagrid-cell big-cell">
                                    <input class="easyui-validatebox" type="checkbox" value="1" name="asn"
                                           id="about_show_nick"/>
                                    <label for="about_show_nick" class="translate">profile_show_nick</label>
                                </div>
                            </td>
                        </tr>
                        <tr id="container_about_show_email">
                            <td colspan="3">
                                <div class="datagrid-cell big-cell">
                                    <input class="easyui-validatebox" type="checkbox" value="1" name="ase"
                                           id="about_show_email"/>
                                    <label for="about_show_email" class="translate">profile_show_email</label>
                                </div>
                            </td>
                        </tr>
                        <tr class="settings_hmm" style="display:none">
                            <td colspan="3">
                                <div class="datagrid-cell big-cell">
                                    <input class="easyui-validatebox" type="checkbox" value="1" name="hmm"
                                           id="hide_my_mobile"/>
                                    <label for="about_show_mobile" class="translate">profile_hide_my_mobile</label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" align="center"><a iconcls="icon-save" class="easyui-linkbutton l-btn"
                                                              onclick="doSaveSettings('profile_settings');">Save</a>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <div id="parent_tab" title="Parent" iconCls="icon-edit" style="overflow:auto;padding:5px;">
            <div id="just_parent_name" style="display:none;padding-bottom:10px;padding-top:30px;clear:both;"><span
                    class="translate">mmb_your_parent</span>:<br/>
                <span class="your_parent_name" style="font-size:130%"></span>
            </div>
        </div>
        <!--referer_tab  -->
        <div id="referer_tab" title="Referer" iconCls="icon-edit" style="overflow:auto;padding:5px;">
            <div id="has_ref" style="display:none;padding-bottom:10px;padding-top:30px;clear:both;"><span
                    class="translate">referer_current</span><br/>
                <span id="your_ref_nick" style="font-size:130%"></span>
                <div id="has_ref_reset" style="display:none"><a iconcls="icon-cancel" class="easyui-linkbutton l-btn"
                                                                onclick="doResetRef();">Change</a></div>
                <br/>
                <br/>
            </div>
            <p><a id="ref_link" href="#" class="translate" onclick="showRefLink();">referals_show_my_referal_link</a>
            </p>
        </div>

    </div>
</div>
<div region="center" title="我的页面" id="box" style="padding: 10px;">
    <!--<div class="datagrid-view" style="width: 902px; height: 450px;">
        <div class="datagrid-view1" style="width: 17px;">
            <div class="datagrid-header" style="width: 17px;">
                <div class="datagrid-header-inner" style="display: none;">
                    <table border="0" cellspacing="0" cellpadding="0" style="height: 0px;">
                        <tbody>
                        <tr>
                            <td field="f">
                                <div class="datagrid-cell" resizable="false" style="width: 8px; text-align: left;">
                                    <span></span><span class="datagrid-sort-icon">&nbsp;</span></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="datagrid-body" style="width: 17px; height: 599px;">
                <div class="datagrid-body-inner">
                    <div class="datagrid-group" group-index="0" style="">
                        <table cellspacing="0" cellpadding="0" border="0" style="height:100%">
                            <tbody>
                            <tr>
                                <td style="border:0">
                                    <div class="datagrid-row-expander datagrid-row-collapse"
                                         style="width:25px;height:16px;cursor:pointer"></div>
                                </td>
                                <td style="border:0;"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr datagrid-row-index="0" class="" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="1" class="" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="2" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="3" style="background-color: rgb(239, 239, 239); height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="4"
                            style="background-color: rgb(239, 239, 239); color: blue; height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="5"
                            style="background-color: rgb(239, 239, 239); color: green; height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="6" style="background-color: rgb(239, 239, 239); height: 19px;" class="">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="7" class="" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="8" class="" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="9" style="background-color: rgb(239, 239, 239); height: 19px;" class="">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="10" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="datagrid-group" group-index="1" style="">
                        <table cellspacing="0" cellpadding="0" border="0" style="height:100%">
                            <tbody>
                            <tr>
                                <td style="border:0">
                                    <div class="datagrid-row-expander datagrid-row-collapse"
                                         style="width:25px;height:16px;cursor:pointer"></div>
                                </td>
                                <td style="border:0;"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr datagrid-row-index="11" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="12" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="13" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="14" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="15" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="16" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="datagrid-group" group-index="2" style="">
                        <table cellspacing="0" cellpadding="0" border="0" style="height:100%">
                            <tbody>
                            <tr>
                                <td style="border:0">
                                    <div class="datagrid-row-expander datagrid-row-collapse"
                                         style="width:25px;height:16px;cursor:pointer"></div>
                                </td>
                                <td style="border:0;"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr datagrid-row-index="17" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="18" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="datagrid-group" group-index="3" style="">
                        <table cellspacing="0" cellpadding="0" border="0" style="height:100%">
                            <tbody>
                            <tr>
                                <td style="border:0">
                                    <div class="datagrid-row-expander datagrid-row-collapse"
                                         style="width:25px;height:16px;cursor:pointer"></div>
                                </td>
                                <td style="border:0;"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr datagrid-row-index="19" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="20" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="21" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="datagrid-group" group-index="4" style="">
                        <table cellspacing="0" cellpadding="0" border="0" style="height:100%">
                            <tbody>
                            <tr>
                                <td style="border:0">
                                    <div class="datagrid-row-expander datagrid-row-collapse"
                                         style="width:25px;height:16px;cursor:pointer"></div>
                                </td>
                                <td style="border:0;"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <table cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                        <tr datagrid-row-index="22" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="23" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="24" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        <tr datagrid-row-index="25" style="height: 19px;">
                            <td field="f">
                                <div style="width: 8px; text-align: left; height: auto;" class="datagrid-cell "></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="datagrid-footer" style="width: 17px;">
                <div class="datagrid-footer-inner" style="display: none;"></div>
            </div>
        </div>
        <div class="datagrid-view2" style="width: 885px; left: 17px;">
            <div class="datagrid-header" style="width: 885px;">
                <div class="datagrid-header-inner" style="display: none;">
                    <table border="0" cellspacing="0" cellpadding="0" style="height: 0px;">
                        <tbody>
                        <tr>
                            <td field="name">
                                <div class="datagrid-cell" style="width: 424px; text-align: left;">
                                    <span>Name</span><span class="datagrid-sort-icon">&nbsp;</span></div>
                            </td>
                            <td field="value">
                                <div class="datagrid-cell" resizable="false" style="width: 425px; text-align: left;">
                                    <span>Value</span><span class="datagrid-sort-icon">&nbsp;</span></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="datagrid-footer" style="width: 885px;">
                <div class="datagrid-footer-inner" style="display: none;"></div>
            </div>
        </div>
        <div class="datagrid-resize-proxy"></div>
        <div id="profile_edit" style="display: block;"></div>
    </div>-->  <!--原来的-->

    <!--<div > &lt;!&ndash;现在的&ndash;&gt;-->
        <table id="tt" class="easyui-propertygrid"
               url="/Home/User/getUser"
               showGroup="true" scrollbarSize="0"
        ></table>
    <!--</div>-->
    <script>
        var mycolumns = [[
            {field:'name',title:'类型',width:100,sortable:true},
            {field:'value',title:'值',width:100,resizable:false}
        ]];

        $(function () {
            $('#tt').propertygrid({
                columns:mycolumns
            })
            $('#tt').width($('#box').width());
            $('#box').panel({
                onResize:function (width,height) {
                    console.log(width);
                    // $('#tt').propertygrid()[0].width=width-10;
                    console.log($('#tt').propertygrid()[0].width)
                    console.log($('#tt').width());
                }
            })

        })
    </script>

    <div id="profile_edit"></div>
</div>
</body>
</html>
